<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/sub.css" />
		<link rel="stylesheet" type="text/css" href="css/detail.css" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav detail">
	       <a class="mui-action-back mui-pull-left icon-left"></a>
	       <h1 class="detail-tit mui-ellipsis mui-pull-left">更新话题页面</h1>
	       <a href="" class="mui-pull-right icon-serve" style="font-size: .64rem;"></a>
	       <a href="" class="mui-pull-right icon-share mr24" style="font-size: .64rem;"></a>
	   </header>
		<div class="mui-content">
			<!--S头部信息-->
			<div id="content-header">
				<div class="nsd-header">
					<h1 class="mod-title-30 mui-ellipsis">话题标题</h1>
					<div class="nsd-header-img mt18"><img src="http://placehold.it/90x90" alt="" /></div>
					<p class="mod-title-24 mt6">作者昵称</p>
					<p class="mod-detail-22 mt6">2014-02-02</p>
				</div>
			</div>
			<!--E头部信息-->
			<!--内容详情部分-->
			<div class="detail-content bg-fff mt30" id="conWrap">
				 <div class="nsd-body">
				 	<div class="nsd-item">
				 		<p class="mod-title-24 fontc0">2017-02-02</p>
				 		<div class="nsd-icon">
				 			<img src="img/static/time0.png"/>
				 		</div>
				 		<p class="mod-info-24">图文图文图文图文图文图文图文图文图文图文图文图文图文 图文图文图文图文图文图文。图文图文图文图文图文图文图文图</p>
				 		<div class="nsd-item-imgs">
				 			<img src="http://placehold.it/500x90"/>
				 		</div>
				 	</div>
				 	<div class="nsd-item">
				 		<p class="mod-title-24 fontc1">2017-02-02</p>
				 		<div class="nsd-icon">
				 			<img src="img/static/time1.png"/>
				 		</div>
				 		<p class="mod-info-24">图文图文图文图文图文图文图文图文图文图文图文图文图文 图文图文图文图文图文图文。图文图文图文图文图文图文图文图</p>
				 		<div class="nsd-item-imgs">
				 			<img src="http://placehold.it/500x90"/>
				 		</div>
				 	</div>
				 	<div class="nsd-item">
				 		<p class="mod-title-24 fontc2">2017-02-02</p>
				 		<div class="nsd-icon">
				 			<img src="img/static/time2.png"/>
				 		</div>
				 		<p class="mod-info-24">图文图文图文图文图文图文图文图文图文图文图文图文图文 图文图文图文图文图文图文。图文图文图文图文图文图文图文图</p>
				 		<div class="nsd-item-imgs">
				 			<img src="http://placehold.it/500x90"/>
				 		</div>
				 	</div>
				 	<div class="nsd-item">
				 		<p class="mod-title-24 fontc3">2017-02-02</p>
				 		<div class="nsd-icon">
				 			<img src="img/static/time3.png"/>
				 		</div>
				 		<p class="mod-info-24">图文图文图文图文图文图文图文图文图文图文图文图文图文 图文图文图文图文图文图文。图文图文图文图文图文图文图文图</p>
				 		<div class="nsd-item-imgs">
				 			<img src="http://placehold.it/500x90"/>
				 		</div>
				 	</div>
				 </div>
			</div>
			<!--内容详情部分-->
			
		</div>
		
		<div class="add-topic close">
			<div class="furl-btn">
				<img src="img/static/furl.png"/><p class="mod-title-24">收起</p>
			</div>
			<div class="topic-form mt12">
			   <ul>
			   	    <li><label for="">时间</label> <input type="text" id="topicTime" class="toptxt-int"/></li>
			    	<li><label for="">正文</label> <textarea id="textarea" rows="" cols="" class="toptxt-tar"></textarea></li>
			   </ul>
			   <div class="mt6">
			   	<button class="comment-btn half" id="addimg">添加图片</button>
			   	<button class="comment-btn half" id="updata">提交更新</button>
			   </div>
			</div>
		</div>
		<div class="at-pcover close">
		</div>
		<!--脚部-->
		<nav class="mui-bar mui-bar-tab">
			<div class="add-topic-btn">
				<img src="img/static/add.png"/>
			</div>
		</nav>
		<script src="js/artTemplate.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mod.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
//			mui(".add-topic")[0]
			mui(".add-topic-btn")[0].addEventListener("tap",function(){
				var aclassName =mui(".add-topic")[0].className;
				if(aclassName.indexOf(" close")>0)
				{
					mui(".at-pcover")[0].className=mui(".at-pcover")[0].className.replace(" close"," open");
					mui(".add-topic")[0].className=aclassName.replace(" close"," open");
				}
			})
			mui(".furl-btn")[0].addEventListener("tap",function() {
				var aclassName =mui(".add-topic")[0].className;
				if(aclassName.indexOf(" open")>0)
				{
					mui(".at-pcover")[0].className=mui(".at-pcover")[0].className.replace(" open"," close");
					mui(".add-topic")[0].className=aclassName.replace(" open"," close");
				}
			})
		</script>
	</body>
	
	

</html>